マニュアル目次へ戻る

CASTPROページビルダー:グローバル設定

サイト全体に共通する色・フォント・幅を設定します。左メニューの[グローバル設定](4番目の歯車アイコン)をクリックすると、「サイト基本設定」と「フォント・スタイル」の2つのメニューが表示されます。

設定を変更したら、それぞれの画面下部の[設定を保存]をクリックします(「保存しました ✔」と表示されれば完了です)。


サイト基本設定

動画:グローバル設定
[サイト基本設定]
[サイト基本設定]
項目内容
コンテンツの最大幅 (PC) PC表示での本文エリアの最大幅(px)です(例:1200)。レイアウトで「コンテンツ幅」を選んだ要素は、この幅に揃います。
ビルダーに認証モーダルを表示 ONにすると、ビルダーのプレビュー上で年齢認証のポップアップ(認証モーダル)を表示し、デザインを編集できます。編集用の設定で、実際のサイトの表示には影響しません。詳しくはこちら
認証モーダルを表示する ONにすると、実際のサイトに初めて訪れた人に年齢認証のポップアップ(「あなたは18歳以上ですか?」など)を表示します。

ビルダーに認証モーダルを表示

認証モーダルは、サイトに初めて訪れた人に「あなたは18歳以上ですか?」と確認するポップアップです。普段はビルダーのプレビューに表示されないため、文字や色を変えたいときは、この設定をONにしてプレビューに表示させてから編集します。

[グローバル設定]→[サイト基本設定]の「ビルダーに認証モーダルを表示」
[グローバル設定]→[サイト基本設定]の「ビルダーに認証モーダルを表示」
  1. 左メニューの[グローバル設定](歯車アイコン)→[サイト基本設定]を開きます。
  2. 「ビルダーに認証モーダルを表示」のスイッチをONにします。
  3. 左メニューの[ページ]などに切り替えると、プレビュー中央に認証モーダルが表示されます。
  4. 見出し・説明文・ボタンなどをクリックして選択し、ほかの要素と同じように文字や色、フォントを変更します。
  5. 編集が終わったら、ビルダー右上の[保存]で保存し、「ビルダーに認証モーダルを表示」をOFFに戻します。
プレビューに表示された認証モーダル
プレビューに表示された認証モーダル
モーダル内の要素を選択したところ(右パネル上部に表示のスイッチと「共通パーツ(AgeModal)」の案内が出ます)
モーダル内の要素を選択したところ(右パネル上部に表示のスイッチと「共通パーツ(AgeModal)」の案内が出ます)

カラー

サイトで使う色を登録します。ここで登録した色は、各エレメントの色設定の下に丸いボタンとして表示され、ワンクリックで使えます。

項目内容
プライマリー・カラーサイトのメインカラー(ボタンやアクセントなど)。
サブ・カラーアクセント用の2番目の色。
body(本文)本文の文字色。
背景色サイト全体の背景色。
背景画像サイト全体の背景画像。「+」で画像を選択します。画像サイズ(フルスクリーン(カバー)/全体表示(コンテイン)/自動(オリジナルサイズ)/100%引き伸ばし)やリピートの有無も設定できます。

フォント・スタイル

[フォント・スタイル]
[フォント・スタイル]

本文(body)と見出し(H1〜H5)の文字の大きさ・書体・太さ・配置を、サイト全体の標準として設定します。

列内容
名前body(本文)、H1、H2、H3、H4、H5
サイズ(PC)PC表示での文字サイズ(px)
サイズ(モバイル)スマートフォン表示での文字サイズ(px)
フォント・ファミリー書体(Noto Sans JP、Noto Serif JP、游ゴシック、メイリオ、各種Googleフォントなど)
太さLight 300、Regular 400 など(見出しのみ)
配置左揃え/中央揃え/右揃え(見出しのみ)

ポイント

マニュアル目次へ戻る